<style lang="scss">
  @import "../../assets/css/variable";



  .welcome {
    position: relative;
    height: 100vh;
    width: 100vw;
    background: black;
    @include flex-center;
    .hello {
      color: $color-white;
      font-size: 100px;
    }
    .star {
      position: absolute;
      fill: white;
      cursor: pointer;
    }
  }
</style>
<template>
  <div class="welcome">
    <svg width="50" height="50" class="star" viewBox="0,0,100,100" style="top:10%;left: 10%;"
         @click="$router.push('/star-moon-sun')">
      <circle cx="50" cy="50" r="50"></circle>
    </svg>
    <div class="hello">Hello, World.</div>
    <!--<div class="sub-hello">Nice to meet you!</div>-->
  </div>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
        count: 0
      }
    },
    computed: {},
    methods: {},
    mounted() {
    }
  }
</script>
